* { margin: 0; padding: 0; }
#container { width: 945px; height: 34px; position: relative; overflow: hidden; margin: auto; font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif; }
    #container li { display: block; float: left; width: 133px; height: 32px; background: url(nicenav_res/transparent.png); line-height: 32px; padding-right: 2px; line-height: 32px; list-style: none; }
        #container li a { color: #fff; text-decoration: none; display: block; position: relative; background: url(nicenav_res/black.png); width: 124px; height: 32px; padding-right: 10px; font-size: 14px; font-weight: bold; text-align: right; }
            #container li a:hover { background: #222; }
            #container li a span { display: block; position: absolute; left: 10px; top: 0; font-weight: normal; font-size: 10px; -webkit-text-size-adjust: none; opacity: 0.6; filter: alpha(opacity=60); }
#buoy { position: absolute; width: 133px; height: 2px; background: #e9d008; bottom: 0px; left: -157px; }
i.fa.fa-fw.fa-gift {
    background: url(./tit1.png) no-repeat;
    font-size: 0;
    width: 24px;
    height: 24px;
    margin-top: -4px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

i.fa.fa-fw.fa-compass {
    background: url(./tit2.png) no-repeat;
    font-size: 0;
    width: 24px;
    height: 24px;
    margin-top: -4px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

i.fa.fa-fw.fa-check {
    background: url(./tit3.png) no-repeat;
    font-size: 0;
    width: 24px;
    height: 24px;
    margin-top: -4px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}